<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>AdminLTE 2 | Log in</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/css/font-awesome.min.css"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="/css/ionicons.min.css"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="/css/AdminLTE.min.css"/>
    <!-- iCheck -->
    <link rel="stylesheet" href="/plugins/iCheck/square/blue.css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Google Font -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"/>
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="/"><b>后台管理</b>运营平台</a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统，享受彩票的乐趣~</p>

        <form action="/index.html" method="post">
            <div class="form-group has-feedback">
                <input id="phone" type="phone" class="form-control" placeholder="手机号"/>
                <span class="glyphicon glyphicon-phone form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input id="password" type="password" class="form-control" placeholder="密码"/>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <!--<div class="checkbox icheck">-->
                        <!--<label>-->
                            <!--<input id="rememberMe" type="checkbox"/> 记住登录-->
                        <!--</label>-->
                    <!--</div>-->
                    <a href="#">忘记密码？</a>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button id="login-btn" type="button" class="btn btn-primary btn-block btn-flat">登 陆</button>
                </div>
                <!-- /.col -->
            </div>
        </form>

    </div>
    <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="/js/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/template.js"></script>
<script src="/plugins/bootstrap-growl/jquery.bootstrap-growl.min.js"></script>
<script src="/js/app.js"></script>
<!--&lt;!&ndash; iCheck &ndash;&gt;-->
<!--<script src="/plugins/iCheck/icheck.min.js"></script>-->
<script>
  $(function () {
    <!--$('input').iCheck({-->
      <!--checkboxClass: 'icheckbox_square-blue',-->
      <!--radioClass: 'iradio_square-blue',-->
      <!--increaseArea: '20%' // optional-->
    <!--});-->
    $(document).keypress(function(e) {
        //回车键事件
       if(e.which == 13) {
            $("#login-btn").trigger("click");
       }
    });
    $("#login-btn").click(function(){
        $("#login-btn").prop('disabled', true);
        $.ajax({
          type: 'POST',
          url: '/doLogin.do',
          data: {
            "phone"     : $("#phone").val(),
            "password"  : $("#password").val(),
            "rememberMe": $("#rememberMe").prop("checked")
          },
          dataType: 'json',
          timeout: 3000,
          context: $('body'),
          success: function(data){
          console.log(data);
            if (data.code === 'success') {
                window.location.href = "/index.html";
            } else {
                $.App.notifyError(data.message);
            }
            $("#login-btn").prop('disabled', false);
          },
          error: function(xhr, type){
          console.log(1);
            $("#login-btn").prop('disabled', false);
          }
        })
    });
  });

</script>
</body>
</html>
